<template>
  <svg style="display:none;">
    <symbol id="link">
      <path
        d="M361.173333 481.834667c48.341333-48.341333 132.650667-48.341333 180.992 0l30.165334 30.165333
          60.330666-60.330667-30.165333-30.165333c-40.234667-40.277333-93.824-62.506667-150.826667-62.506667s-110.592
          22.229333-150.826666 62.506667L210.304 512a213.674667 213.674667 0 0 0 0 301.696 212.608 212.608 0
          0 0 150.826667 62.378667A212.565333 212.565333 0 0 0 512
          813.696l30.165333-30.165333-60.330666-60.330667-30.165334 30.165333a128.298667 128.298667
          0 0 1-181.034666 0 128.213333 128.213333 0 0 1 0-181.034666l90.538666-90.496z"
      />
      <path
        d="M723.157333 602.496L813.696 512a213.674667 213.674667 0 0 0 0-301.696 213.589333 213.589333 0 0
          0-301.696 0l-30.165333 30.165333 60.330666 60.330667 30.165334-30.165333a128.298667 128.298667 0 0 1
          181.034666 0 128.213333 128.213333 0 0 1 0 181.034666l-90.538666 90.496c-48.341333 48.341333-132.650667
          48.341333-180.992 0L451.669333 512l-60.330666 60.330667 30.165333 30.165333c40.234667 40.277333
          93.824 62.506667 150.826667 62.506667s110.592-22.229333 150.826666-62.506667z"
      />
    </symbol>
    <!-- 外部链接 -->
    <symbol id="outbound">
      <path
        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,
          0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"
        fill="#2ecc71"
      />
      <polygon
        fill="#2ecc71"
        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"
      />
    </symbol>
  </svg>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class DocSvg extends Vue { }
</script>
